<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>角色管理</title>
    <link rel="stylesheet" href="/plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.css" media="all">
    <link rel="stylesheet" href="/css/dtree.css"  media="all" />
    <link rel="stylesheet" href="/css/font/dtreefont.css"  media="all" />
    <link rel="stylesheet" href="/css/cst.css"  media="all" />
    <style>
        .addicon{
            margin-right: 5px;
        }

        .restbtn{
            margin-right:7px;
        }
        .serchbtn{
            margin-right: 6px;
            position: relative;
            top: -1px;
            left: 0;
        }
        .layui-layer-btn0{
            background: #009688 !important;
            color: #fff9ec !important;
            border-radius: 8px !important;
            border-color: #fcfffa !important;
        }
        .layui-layer-btn1{
            background: #cd2206 !important;
            color: #fff9ec !important;
            border-radius: 8px !important;
            border-color: #fcfffa !important;
        }
    </style>
</head>
<body>

        <!--    查询条件开始-->
        <form id="searchFrm" lay-filter="searchFrm" class="layui-form" style="margin-top: 15px;margin-bottom: 20px">
            <!--<div class="layui-inline">
                <label class="layui-form-label serchlabel">菜单名称</label>
                <div class="layui-input-inline">
                    <input type="tel" name="menuname" lay-verify="" autocomplete="off" class="layui-input serchinput">
                </div>
            </div>-->
            <div class="layui-row layui-form-item">
                <!--<div class=" layui-col-md12">
                    <label class="layui-form-label serchlabel">菜单名称</label>
                    <div class="layui-input-block">
                        <input type="tel" name="menuname" lay-verify="" autocomplete="off" class="layui-input serchinput">
                    </div>
                </div>-->
                <div class="layui-row">
                    <div class="layui-col-md11">
                        <label class="user-login-icon layui-icon layui-icon-search"></label>
                        <input type="text" name="rolename" placeholder="请输入角色名" autocomplete="off" class="layui-input" style="padding-left: 38px">
                    </div>
                    <div class="layui-col-md1">
                        <!--
                                                    <button  id="querycstInfo" class="layui-btn layui-btn-normal" type="button" lay-filter="querycstInfo" style="margin-top: 0px" lay-submit><i class="layui-icon layui-icon-search"></i></button>
                        -->
                        <button type="button"  class="layui-btn" lay-submit="" lay-filter="doSearch"><i class="layui-icon layui-icon-search"></i></button>
                    </div>
                </div>
            </div>
            <!--   <button type="button" style="margin-left: 10px" class="layui-btn" lay-submit="" lay-filter="doSearch"><span class="fa fa-search serchbtn" ></span>查询</button>
               <button type="reset"  class="layui-btn layui-btn-warm"><span class="fa fa-refresh restbtn"></span>重置</button>-->
        </form>
        <!--        查询条件结束-->


        <!--        数据表格开始-->

        <table id="roleTable" class="layui-hide" lay-filter="roleTable"></table>

        <!-- 操作列 -->
        <script type="text/html" id="roleRowBar">
            <button class="layui-btn layui-btn-xs edit" lay-event="update"><span class="fa fa-pencil-square-o addicon"></span>修改</button>
            <button class="layui-btn layui-btn-danger layui-btn-xs del" lay-event="delete"><span class="fa fa-trash-o addicon"></span>删除</button>
            <button class="layui-btn layui-btn-warm layui-btn-xs disrole" lay-event="selectPermission"><span class="fa fa-key addicon"></span>分配权限</button>
        </script>


        <!-- 操作头部工具栏-->
        <script type="text/html" id="roleToolBar">
            <div >
                <button class="layui-btn layui-btn-sm " id="add" lay-event="add"><span class="fa fa-plus addicon"></span>添加</button>
                <button class="layui-btn layui-btn-sm layui-btn-danger" id="batchdelte" lay-event="batchdelte"><span class="fa fa-trash-o addicon"></span>批量删除</button>
            </div>
        </script>
        <!--        数据表格结束-->


        <!-- 添加和修改的弹出层开始 -->
        <div style="display: none;padding-left:55px;padding-top: 40px" id="addOrUpdateDiv">
            <form action="" method="post" class="layui-form" id="dataFrm" lay-filter="dataFrm">
                <div class="layui-form-item">
                    <label class="layui-form-label">角色名称：</label>
                    <div class="layui-inline" style="width: 190px" id="menuTreeDiv">
                        <input type="hidden" name="id">
                        <input type="text" name="rolename" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <br>
                <div class="layui-form-item">
                    <label class="layui-form-label">角色备注：</label>
                    <div class="layui-inline">
                        <textarea class="layui-textarea" lay-verify="required" style="width: 190px" name="remark" id="remark"></textarea>
                    </div>
                </div>
                <br>
                <br>
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-top: -42px">
                        <button type="button" class="layui-btn addbtn" lay-submit="" lay-filter="doSubmit" id="doSubmit" ><i class="fa fa-check-square restbtn"></i>提交</button>
                        <button type="reset" class="layui-btn layui-btn-warm addrestbtn "><i class="fa fa-refresh restbtn"></i>重置</button>
                    </div>
                </div>
            </form>
        </div>
        <!-- 添加和修改的弹出层结束 -->

        <!-- 分配权限的弹出层 开始 -->
        <div style="display: none;" id="selectRolePermissionDiv">
            <ul id="permissionTree" class="dtree" data-id="0"></ul>
        </div>
        <!-- 分配权限的弹出层 结束-->

<script src="/plugins/layui/layui.js"></script>
<script src="/js/sysmgr/RoleManager.js"></script>
</body>
</html>